<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<c:set var="companyId" value="18" ></c:set>
<!DOCTYPE html>
<html lang="en">
    <head>
       <meta charset="UTF-8">
       <title>phone</title>
       <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
       <!-- 删除苹果默认的工具栏和菜单栏 -->
       <meta name="apple-mobile-web-app-capable" content="yes" />
       <!-- 设置苹果工具栏颜色 -->
       <meta name="apple-mobile-web-app-status-bar-style" content="black" />
       <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
       <meta name="format-detection" content="telphone=no, email=no" />
       <!-- 启用360浏览器的极速模式(webkit) -->
       <meta name="renderer" content="webkit">
       <!-- 避免IE使用兼容模式 -->
       <meta http-equiv="X-UA-Compatible" content="IE=edge">
       <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
       <meta name="HandheldFriendly" content="true">
       <!-- 微软的老式浏览器 -->
       <meta name="MobileOptimized" content="320">
       <!-- uc强制竖屏 -->
       <meta name="screen-orientation" content="portrait">
       <!-- QQ强制竖屏 -->
       <meta name="x5-orientation" content="portrait">
       <!-- UC强制全屏 -->
       <meta name="full-screen" content="yes">
       <!-- QQ强制全屏 -->
       <meta name="x5-fullscreen" content="true">
       <!-- UC应用模式 -->
       <meta name="browsermode" content="application">
       <!-- QQ应用模式 -->
       <meta name="x5-page-mode" content="app">
       <!-- windows phone 点击无高光 -->
       <meta name="msapplication-tap-highlight" content="no">
       <!-- 适应移动端end -->
       <meta http-equiv="X-UA-Compatible" content="IE=edge">
       <meta name="viewport" content="width=device-width,initial-scale=1,maximum-   scale=1,user-scalable=no">
       <meta name="format-detection" content="telephone=no">
       <meta name="renderer" content="webkit">
       <meta http-equiv="Cache-Control" content="no-siteapp">
        <link rel="stylesheet" href="${path }/websites/demophone/font-awesome/css/font-awesome.css" media="screen" title="no title">
        <link rel="stylesheet" href="${path }/websites/demophone/plugin/AmazeUI-2.7.2/assets/css/amazeui.min.css">
         <link rel="stylesheet" href="${path }/websites/demophone/plugin/iconfont/iconfont.css">
       <link rel="stylesheet" href="${path }/websites/demophone/css/base.css" media="screen" title="no title">
       <link rel="stylesheet" href="${path }/websites/demophone/css/public.css">
       <script src="${path }/websites/demophone/js/TouchSlide.1.1.js" type="text/javascript"></script>
       <script src="${path }/websites/demophone/plugin/jquery/jquery-3.1.1.js"></script>
       <script src="${path }/websites/demophone/js/index.js" type="text/javascript"></script>
       <script type="text/javascript"
			src="${path }/resource/js/systools/MBase.js"></script>
       <cms:setting companyId="${companyId }" var="title" code="title"></cms:setting>
			<title data-index="0" id="selextTitle">${title.paramValue }</title>
       </head>
 <body>
  <jsp:include page="_top2.jsp"></jsp:include>
  <div class="contact container text-center  wow animated fadeInUp fadeIn">
 		<cms:ad companyId="${companyId }" var="lxdh" code="lxdh" multi="false"></cms:ad>
 		 <div class="con-title">
                  <div class="con-bg"></div>
                  <div class="text-content">联系方式</div>
             </div>
             <%--  <span class="con-title"><b>${lxdh.colName }</b></span> --%>
              <div class="list-con-p">
              <p class="con-p">${lxdh.adTitle }</p>
              <i >${lxdh.adInfo1}</i>
              </div>
              <div class="row list-bg">
              <cms:ad companyId="${companyId }" var="qq" code="xlqq" ></cms:ad>
                <ul>
                 <c:forEach var="item" items="${qq}">
                  <li class="col-md-4">
                    <img class="img4" src="${path }/websites/demopc/images/contact-bg.jpg" alt="" />
                    <div class="bg-content">
                        <div class="icon">
                            <img src="${item.adImg}" alt="" />
                        </div>
                        <div class="txt">
                            <p class="txt-p">${item.adTitle }</p>
                            <p class="p-sm">
                                <span>${item.adInfo1 }</span>
                                <span>${item.adInfo2 }</span>
                            </p>
                        </div>
                    </div>
                  </li>
                   </c:forEach>
                </ul>
              </div>
           
              <div class="code">
              <cms:ad companyId="${companyId }" var="sjsm" code="sjsm" multi="false"></cms:ad>
                <img src="${sjsm.adImg}" alt="" class="code-img"/>
                <p>${sjsm.adTitle }</p>
                <img src="${path }/websites/demopc/images/erweima.png" alt="" class="code-bg"/>
              </div>
          </div>
 <div class="con-title">
                  <div class="con-bg"></div>
                  <div class="text-content">留言板</div>
             </div>
          <div class="msgTop">
             <div class="g_globalLine mtitle">
               <div class="mbTitle publishIcon">
                  <i class="iconfont icon-size">&#xe680;</i>发表您的留言：
               </div>
             </div>
             <form class="form-horizontal" id="dataform" onsubmit="javascript:return false;">
             <input type="hidden" class="main-input" name="companyId" id="companyId" value="${companyId }"/>
              
             <div class="noticeArea">
             <div class="notice" style="display:none;"></div>
             </div>
             <div class="g_globalLine">
               <input  type="text" maxlength="50 " placeholder="姓名(必填)" class="msg_isMust msg_ipt g_input"
               name="msgUserName" id="msgUserName" dataType="*">
               <i class="iconfont icon-sm">&#xe61b;</i>
              </div>
              <div class="g_globalLine">
                 <input id="reqEmail" type="email" value="" maxlength="50 " placeholder="邮箱" class=" msg_ipt g_input"
                 name="info1" dataType="e">
                 <i class="iconfont icon-sm">&#xe636;</i>
               </div>
               <div class="g_globalLine">
                  <input id="reqPhone" type="tel" value="" maxlength="50 " placeholder="电话" class=" msg_ipt g_input"
                  name="msgTel" dataType="m">
                  <i class="iconfont icon-sm">&#xe6ed;</i>
               </div>
               <div class="g_globalLine">
                  <textarea id="reqContent" class="g_textArea msg_textArea" maxlength="10000" placeholder="内容："
                   name="msgContent"  dataType="*"></textarea>
                  <i class="iconfont icon-sm">&#xe66f;</i>
               </div>
               <div style="clear:both"></div>
               <!-- <div class="g_globalLine">
                  <input type="text" class="captchaText g_input" maxlength="4" placeholder="请输入验证码"
                  name="code" id="code">
                </div> -->
                <div class="g_globalLine ">
                   <input type="button" class="g_button"  onclick="formSubmit();" value="提交">
                 </div>
                 <div class="g_globalLine mtitle"><div class="mbTitle userMsgIcon" ><i class="iconfont">&#xe611;</i>用戶留言</div></div>
              </div>
               </form>
           <jsp:include page="_foot2.jsp"></jsp:include>
     <script src="${path }/websites/demopc/js/wow.min.js"></script> 
     <script type="text/javascript" src="${path }/resource/js/systools/MJsBase.js"></script>
 <script type="text/javascript">
        function formSubmit(){
        	var data={"companyId": $("#companyId").val(),"msgUserName": $("#msgUserName").val(),"msgTel": $("#reqPhone").val(),
        			"info1": $("#reqEmail").val(),"msgContent": $("#reqContent").val()};
    		$.AjaxProxy({
    			c : false,
    			p : data
    		}).invoke("${path}/spring/web/addMsg", 
    				function(loj) {
    			console.log(loj.getValue("info"));
    			 layer.msg(loj.getValue("info"), {
						icon : 1,time:1000
					});
    		});
         }
         
    </script>
</body>
</html>